<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>零食商贩</title>
    <link rel="shortcut icon" href="../static/imgs/favicon.ico"/>
    <link href="../static/css/index/index.css" type="text/css" rel="stylesheet">
    <link href="../static/css/index/iconfont/iconfont.css" type="text/css" rel="stylesheet">
    <link href="../static/css/bulma.min.css" type="text/css" rel="stylesheet">
</head>
<body>
    <div class="banner-wrapper">
        <div class="logo">
            <img src="../static/imgs/logo.png">
            <div class="logo-word">
                <div>零食商贩</div>
                <div>Snack Petty Vendor</div>
            </div>
        </div>
        <div class="left-box">
            <a class="register" id="login-out" title="退出">退出</a>
        </div>
    </div>
    <div class="desktop-all-box">
        <div class="desktop item-wrapper">
            <div class="desktop-menu" id="desktop-menu">
                <ul id="">
                    <li class="leftbar-item" id="order-menu">
                        <a class="active">
                            <i class="iconfont icon-list"></i>
                            <span>订单管理</span>
                        </a>
                    </li>
                    <li class="leftbar-item" id="product-menu">
                        <a class="active">
                            <i class="iconfont icon-list"></i>
                            <span>商品管理</span>
                        </a>
                    </li>
                    <li class="leftbar-item" id="category-menu">
                        <a class="active">
                            <i class="iconfont icon-list"></i>
                            <span>分类管理</span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="desktop-main">
                <!--订单列表-->
                <div class="order-box" id="order-list">
                    <table cellspacing="0" ng-show="docArr.length>0">
                        <thead>
                            <tr>
                                <td>订单号</td>
                                <td>商品名称</td>
                                <td>商品总数</td>
                                <td>商品总价格</td>
                                <td>订单状态</td>
                                <td>下单时间</td>
                                <td>操作</td>
                            </tr>
                        </thead>
                        <tbody id="order-table"></tbody>
                    </table>
                    <div class="load-more">点击加载更多</div>
                    <div class="no-more">没有更多订单了</div>
                </div>
                <!--订单详情-->
                <div class="order-box" id="order-detail">
                    <div id="simple-order">
                    </div>
                    <table cellspacing="0" ng-show="docArr.length>0">
                        <thead>
                            <tr>
                                <td>商品图片</td>
                                <td>商品名称</td>
                                <td>价格</td>
                                <td>数量</td>
                                <td>总价</td>
                            </tr>
                        </thead>
                        <tbody id="order-product">
                        </tbody>
                    </table>
                </div>
                <!-- 商品列表 -->
                <div class="order-box" id="product-list">
                    <table cellspacing="0" ng-show="docArr.length>0">
                        <thead>
                            <tr>
                                <td>主图</td>
                                <td>商品名称</td>
                                <td>价格</td>
                                <td>库存</td>
                                <td>描述</td>
                                <td>添加时间</td>
                                <td>操作</td>
                            </tr>
                        </thead>
                        <tbody id="product-table"></tbody>
                    </table>
                    <div class="load-more">点击加载更多</div>
                    <div class="no-more">没有更多商品了</div>
                </div>
                <!-- 商品详情 -->
                <div class="order-box" id="product-detail">
                    <div class="field">
                        <label class="label">商品名称</label>
                        <div class="control">
                            <input class="input" type="text">
                        </div>
                    </div>
                    <div class="field">
                        <label class="label">商品价格</label>
                        <div class="control">
                            <input class="input" type="number">
                        </div>
                    </div>
                    <div class="field">
                        <label class="label">库存</label>
                        <div class="control">
                            <input class="input" type="number">
                        </div>
                    </div>                   
                    <div class="field">
                        <label class="label">主图</label>
                        <div class="control">
                            <input type="file">
                        </div>
                    </div>
                    <div class="field">
                        <label class="label">描述</label>
                        <div class="control">
                            <textarea class="textarea"></textarea>
                        </div>
                    </div>
                </div>
                <!-- 分类列表 -->
                <div class="order-box" id="category-list">
                    <table cellspacing="0" ng-show="docArr.length>0">
                        <thead>
                            <tr>
                                <td>分类主题图片</td>
                                <td>分类名称</td>
                                <td>描述</td>
                                <td>操作</td>
                            </tr>
                        </thead>
                        <tbody id="category-table"></tbody>
                    </table>
                </div>
                <!-- 分类详情 -->
                <div class="order-box" id="category-detail">
                    <span>分类详情</span>
                </div>
            </div>
        </div>
    </div>
    <div class="global-tips">
        <p></p>
    </div>
</body>
<script src="../static/js/common.js" type="application/javascript"></script>
<script src="../static/js/jquery-1.8.2.min.js" type="application/javascript"></script>
<script src="../static/js/index.js" type="application/javascript"></script>
<script src="../static/js/vue.js" type="application/javascript"></script>
</html>